<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
</head>

<body>
    <a href="http://www.sohu.com">点击我跳转到百度</a>
    <script>
        // 阻止默认事件；
        // 点击a标签的时候跳转另外一个页面，并且询问是否跳转？
        var aEle = document.querySelector("a");
        aEle.onclick = function(e) {
            var e = e || window.event;
            // 阻止默认事件；
            // 方式一：
            e.preventDefault(); //阻止 //chrome谷歌
            // ie8及以下：
            // e.returnValue = false;解决兼容
            var res = confirm("你真的要跳转吗??");
            if (res) {
                window.location.href = "http://wwww.baidu.com";
            }
            return false; //阻止默认事件；
            // return false 要放在最后；

            // 总结 ：

            /*  阻止冒泡： 1. e.stopPropagation() 2. e.cancelBubble = true;
              阻止默认事件： 1. e.preventDefault()： 兼容性 ie8或者以下： e.returnValue = false;
              2.
              return false;
              写在最后 */
        };
    </script>
</body>

</html>